<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>课程</title>
<meta name="viewport" content="width=device-width,initial-scale=1 ">
<link rel="stylesheet" type="text/css" href="css/mail.css" />
<link rel="stylesheet" type="text/css" href="css/pad.css" />
<link rel="stylesheet" type="text/css" href="css/phone.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>

<body>
<!--头部-->
<div class="pad_heard">
	<div class="pad_ul clearfix">
       <div class="pad_logo">
            <div class="pad_logo_img">
                <a><b></b></a>
            </div>
            <div class="pad_logo_title">
                <a>个人平台</a>
            </div>
        </div>
        
    </div>
    <div class="clear"></div>
</div>
<script type="text/javascript" src="j.js" ></script>
<script>
$(document).ready(function(){$(".pad_pro_int a,.pad_pro_down").mouseover( function(){
							$(".pad_pro_menu").show()	
							})
							$(".pad_pro_menu").mouseleave( function(){
										$(".pad_pro_menu").hide()	
										});
							});
</script>
<!--内容-->
<div class="pad_logoin">
 	<img src="images/1-1.jpg"> 
    <div class="pad_logoin_div">       
        <div class="tab_A  pad_logoin_title">
            <h1><span class="pad_logoin_student">个人登录</span><span class="pad_logoin_teacher">教师登录</span></h1>
            <div class="tab_font ">
                <div class="tab1 pad_logoin_input">
                	<ul>
                        <li class="pad_logoin_num"  >
                            <label>用户名/学生号</label><br/>
                            <input type="text" />
                        </li>
                        <li class="pad_logoin_pw"  >
                            <label>登录密码</label><br/>
                            <input type="text" />
                        </li>
                        <li class="pad_logoin_checkbox">
                            <input type="checkbox" /><label>记住用户名</label><a href="#">忘记密码?</a>
                        </li>
                        <li class="pad_logoin_sub">
                            <input type="submit" value="登录" />
                        </li>
                     </ul>
                </div>
                <div class="tab2 pad_logoin_input">
                	<ul>
                        <li class="pad_logoin_num"  >
                            <label>用户名</label><br/>
                            <input type="text" />
                        </li>
                        <li class="pad_logoin_pw"  >
                            <label>登录密码</label><br/>
                            <input type="text" />
                        </li>
                        <li class="pad_logoin_checkbox">
                            <input type="checkbox" /><label>记住用户名</label><a href="#">忘记密码?</a>
                        </li>
                        <li class="pad_logoin_sub">
                            <input type="submit" value="登录" />
                        </li>
                     </ul>
                </div>
            </div>
        </div>
     </div>
   </div>
<script>
	$(function(){
	$(".tab_A h1>span:first").addClass("tabActive");
	$(".tab_A .tab_font div").not(":first").hide();
	
	$(".tab_A h1>span").unbind("click").bind("click", function(){
		$(this).siblings("span").removeClass("tabActive").end().addClass("tabActive");
		var index = $(".tab_A h1>span").index( $(this) );
		$(".tab_A .tab_font div").eq(index).siblings(".tab_A .tab_font div").hide().end().show();
		$(".tabActive").css({'background':'#fff', 'color':'#bfbfbf'});
		$(this).siblings("span").removeClass("tabActive").css({'background':'#bfbfbf', 'color':'#fff'});
   });
});
</script>
<!--底部-->
<div class="pad_foot">
	<div class="pad_foot_ul">
    	<ul>
        	<li><span><a href="#">安妮花全国中心</a></span></li>
            <li><a href="#">加盟申请</a></li>
            <li><a href="#">培训申请</a></li>
            <li><a href="#">工作机会</a></li>
            <li><b><a href="#">联系我们</a></b></li>
        </ul>
        <div class="clear"></div>
    </div>
</div>
</body>
</html>




































